<template>
    <div class="top">
      <div class="name"><img src="https://static.asus.com.cn/store/20210825/11292351525153.png" alt=""></div>
      <div class="shou" @click="fun12">
          <van-icon name="search" size="6vw" />
          <span class="sp">枪神7Plus超竞版 </span>
      </div>
      <div class="name"><img src="//static.asus.com.cn/static/wap/app/images/home/button_navibars_2w.png" alt=""></div>
    </div>
</template>
  
<script>
  export default {
      methods: {
          fun12(){
              this.$router.push("/sousuo").catch(err=>err);
          },
          fun15(){
              this.$router.push("/zhuce").catch(err=>err);
          },
          wwdcc(){
              this.$router.push("/dingwei").catch(err=>err);
          }
      
      },
      mounted(){  
         
      },
      data(){
          return{
              
          }
      }
  }
</script>
  
<style scopde>
      .top{
          width: 100vw;
          height: 12vw;
          display: flex;
          position: fixed;
          top: 0;
          left: 0;
          z-index: 6; 
      }
      .shou{
          height: 8vw;
          flex-grow: 2;
          background-color: #fff;
          border-radius: 50px;
          margin-top: 2vw;
          display: flex;
          line-height: 9vw;
          padding-left: 2vw;
      }
      .shou img{
          width: 10vw;
          height: 6vw;
          margin: 1.3vw 2vw 0 3vw;
      } 
      .name{
          width: 12vw;
          padding: 1vw 0 0 5vw;
          color: #fff;
          font-size: 4vw;
      }
      .van-icon{
          margin: 1.5vw 1vw 0 1vw;
      }
      .sp{
          font-size: 3.5vw;
      }
      .sp1{
          font-size: 6vw;
          line-height: 7vw;
          color: rgba(0, 0, 0, 0.449);
      }
      .top img{
        width: 8vw;
        height: 9vw;
      }
</style>